import { HooksDemos } from "@/lib/@docs/demos/src";
import { Layout } from "@/layout";
import { MDX_DATA } from "@/mdx";

export default Layout(MDX_DATA.useHover);

## Usage

<Demo data={HooksDemos.useHoverDemo} />

## Definition

```tsx
function useHover<T extends HTMLElement = HTMLDivElement>(): {
  ref: React.RefObject<T>;
  hovered: boolean;
};
```
